﻿<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" th:href="@{/css/login.css}" />
    <title>业绩查询系统</title>
    <style type="text/css">
        .login .login-top h1 {
            /*line-height: 160px;
            font-size: 30px;*/
        }
        .login .login-top .sys-name-cn {
            padding-top: 40px;
            font-size: 40px;
            padding-left: 60px;
            font-weight: bold;
            color: white;
        }
        .login .login-top .sys-name {
            padding-left: 60px;
        }
        .chooseBrowser{
            position:absolute;
            top:0px;
            left:0px;
            color:white;
            font-weight:bold;
            text-shadow:5px 2px 6px #000;
        }
    </style>
    <script type="text/javascript">
            if (![[${wvp.IsCrossIframeVisit()}]])
            {
                if (window != top)
                {
                    top.location.href = location.href;//如果子iframe中被拦截到登陆页,要在最外层打开--wxj20181023
                }
            }
    </script>
</head>
<body>
    <div id="container">
        <form action="/User/PostLogin" method="post" >
            <div id="bd">
                <div class="login">
                    <div class="login-top">
                        <p class="sys-name-cn">电子商务系统</p>
                        <p class="sys-name" >e-commerce systems</p>
                    </div>
                    <div class="login-input">
                        <p class="user ue-clear">
                            <label>用户名</label>
                            <input type="text" name="userid" />
                        </p>
                        <p class="password ue-clear">
                            <label>密&nbsp;&nbsp;&nbsp;码</label>
                            <input type="password" name="password" />
                            <a href="http://192.168.0.55:85/Account/GetPassword" style="font-size:14px;color:red;text-decoration-line:none">忘记密码</a>
                        </p>
                    </div>
                    <p th:if="err!=null" style="color:red;text-align:center">
                              [[${err}]]  
                    </p>
                    <div class="login-btn ue-clear">
                        <input type="submit" class="btn" value="登录" style="border:none;cursor:pointer"/>
                        <div class="remember ue-clear">
                            <input type="checkbox" id="remember" />
                            <em></em>
                            <label for="remember">记住密码</label>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
    <div id="ft">Copyright © 1994 - 2018 完美（中国）有限公司版权所有，未经许可不得转载或链接。</div>
    <div class="chooseBrowser"><p>浏览器兼容：chrome(推荐)、IE10+(不要打开兼容模式)、360(极速模式)</p></div>
    <script type="text/javascript" th:src="@{/js/jq/jquery-1.8.0.min.js}" ></script>
    <script type="text/javascript">
    var height = $(window).height();
    $("#container").height(height);
    $("#bd").css("padding-top", height / 2 - $("#bd").height() / 2);

    $(window).resize(function () {
        var height = $(window).height();
        $("#bd").css("padding-top", $(window).height() / 2 - $("#bd").height() / 2);
        $("#container").height(height);

    });

    $('#remember').focus(function () {
        $(this).blur();
    });

    $('#remember').click(function (e) {
        checkRemember($(this));
    });

    function checkRemember($this) {
        if (!-[1, ]) {
            if ($this.prop("checked")) {
                $this.parent().addClass('checked');
            } else {
                $this.parent().removeClass('checked');
            }
        }
    }
    </script>
</body>
</html>
